<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>唐奔- 个人简历</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap">
<link rel="stylesheet" href="assets/css/font-icons/lineicons.min.css">
<link rel="stylesheet" href="assets/css/plugins/simplebar/simplebar.min.css">
<link rel="stylesheet" href="assets/css/common.css">
<link rel="stylesheet" href="assets/css/main.css?v=1.3">
</head>
<body>
<header id="main-header">
  <div class="clearfix">
    <div class="float-left"> <a href="index.html" class="clearfix" id="main-link">
      <div class="float-left"> <i class="lni lni-user"></i> </div>
      <div class="float-left">
        <div id="my-name" class="overflow-h-ellipsis">唐奔</div>
      </div>
      </a> </div>
    <div class="float-right"> <span id="video-btn" class="know-more-section-btn"> <span class="pointer"> <i class="lni lni-menu"></i> </span> </span> </div>
  </div>
</header>
<main>
  <div id="main-container">
    <div class="window" id="about">
      <div class="window-header">
        <div class="window-title">关于我们</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div id="my-photo"> <img src="assets/img/my-photo/my-photo.jpg" alt="SiriBen"> </div>
          <div id="intro-line">唐奔</div>
          <div id="intro-secondary-line">软件工程师</div>
          <p id="about-me-lines">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;简单介绍一下，以前在多家软件公司工作过，从软件开发到项目经理，期间一直使用Java语言编写系统，除技术本身以外沟通能力和管理能力较强。做过西南证券的资产管理系统，银行绩效管理系统，电商网站，装修行业客户营销系统，装修行业营销性官网，装修行业工程系统，智慧工地，智慧搅拌站，智慧旅游和其它外包系统。对系统需求，数据库，代码开发与测试，服务器搭建，生产环境配置和操作系统（Window和Linux）都比较熟练，Python办公自动化（Selenium,win32，weitor），Django，Flask，tkinter，抖音爬虫，群控手机自动操作，个人微信辅助工具，加壳免费看三大视频平台任意收费电影，web开发和一些小工具。数据库（MS SQL，MySQL，SQLite）,nginx，uWSGI，Tomcat,iis,Apatch,SQL，VMWARE，……等都是常规操作，兴趣爱好Linux远程入侵安卓手机并无感知获取通讯录、短信，打开摄像头实时录像和录音。
希望能互相进一步交流了解。如果方便的话，可发汇博人才网的简历，简历更加详细。.</p>
          <div id="doc-link"> <a href="assets/docs/huibo_唐奔_2785753.pdf" download> <i class="lni lni-download"></i> <span>Download 简历</span> </a> </div>
          <div id="freelance"> <span>我是一名自由职业者. <a href="#contact">联系我们</a></span> </div>
        </div>
      </div>
    </div>
    <div class="window" id="skills">
      <div class="window-header">
        <div class="window-title">技能展示</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div class="skill">
            <div class="skill-info">
              <div class="skill-name">JAVA</div>
              <div class="skill-exp">10+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 92%"> <span>92%</span> </div>
          </div>
          <div class="skill">
            <div class="skill-info">
              <div class="skill-name">PYTHON</div>
              <div class="skill-exp">5+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 85%"> <span>85%</span> </div>
          </div>
		  <div class="skill">
            <div class="skill-info">
              <div class="skill-name">Django</div>
              <div class="skill-exp">2+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 80%"> <span>80%</span> </div>
          </div>
		  <div class="skill">
            <div class="skill-info">
              <div class="skill-name">Linux</div>
              <div class="skill-exp">4+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 86%"> <span>86%</span> </div>
          </div>
		  <div class="skill">
            <div class="skill-info">
              <div class="skill-name">Nginx</div>
              <div class="skill-exp">5+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 92%"> <span>92%</span> </div>
          </div>
          <div class="skill">
            <div class="skill-info">
              <div class="skill-name">JQuery</div>
              <div class="skill-exp">4+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 80%"> <span>80%</span> </div>
          </div>
          <div class="skill">
            <div class="skill-info">
              <div class="skill-name">SQL</div>
              <div class="skill-exp">10+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 95%"> <span>95%</span> </div>
          </div>
          <div class="skill">
            <div class="skill-info">
              <div class="skill-name">MYSQL</div>
              <div class="skill-exp">8+ Years exp</div>
            </div>
            <div class="skill-meter" style="width: 90%"> <span>90%</span> </div>
          </div>
        </div>
      </div>
    </div>
    <div class="window" id="education">
      <div class="window-header">
        <div class="window-title">教育背景</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div class="education">
            <div class="edu-name">重庆广播电视大学</div>
            <div class="edu-major">大专</div>
            <div class="edu-duration">2018-2021</div>
            <div class="edu-institute">工商管理</div>
          </div>
        </div>
      </div>
    </div>
    <div class="window" id="experience">
      <div class="window-header">
        <div class="window-title">工作经历</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div class="experience">
            <div class="exp-name">IT项目经理</div>
            <div class="exp-duration">2021.6-至今</div>
            <div class="exp-company">重庆市万显昇节能科技有限公司</div>
            <div class="exp-jd">
				<li>UI造型，搭建框架，制作demo</li>
				<li>后端框架搭建，制作demo</li>
				<li>需求收集，制作计划，计划跟踪，功能测试，bug进度跟踪</li>
				<li>服务器搭建环境，部署，生产环境配置，系统参数初始化设计</li>
			</div>
          </div>
          <div class="experience">
            <div class="exp-name">项目经理</div>
            <div class="exp-duration">2020.11-2021.06</div>
            <div class="exp-company">重庆慧渝智胜有限责任公司(川大智胜重庆办事处)</div>
            <div class="exp-jd">
				<li>根据景区需求，整理和集成板块</li>
				<li>对接票务，道闸，wifi，应急指挥，舆情，监控，报警柱，音柱等板块实现文旅委对不同等级景区的不同要求</li>
				<li>大数据控制中心，实时数据上传文旅委，实时对景区风险进行监管</li>
				<li>软硬件部署调试</li>
				<li>制作小工具提高工作效率，增强用户黏性</li>
			</div>
          </div>
          <div class="experience">
            <div class="exp-name">餐饮创业</div>
            <div class="exp-duration">2018.10-2019.06</div>
            <div class="exp-company">与朋友合伙做外卖</div>
            <div class="exp-jd">
				<li>餐饮外卖</li>
			</div>
          </div>
          <div class="experience">
            <div class="exp-name">IT技术经理</div>
            <div class="exp-duration">2016.03-2018.09</div>
            <div class="exp-company">重庆美的家装饰有限责任公司</div>
            <div class="exp-jd">
				<li>创立部门</li>
				<li>与BOSS商讨客户需求，制定软件原型</li>
				<li>公司各部门进行交流，了解各部门需求的交集点与矛盾点，并解决</li>
				<li>整理流程逻辑关系并拟定需求草案</li>
				<li>分发项目任务</li>
				<li>跟踪项目开发进度</li>
				<li>综合测试</li>
				<li>组织组员空闲时间学习任务</li>
				<li>从无到有，从有到优</li>
			</div>
          </div>
		  
		  <div class="experience">
            <div class="exp-name">创始人</div>
            <div class="exp-duration">2013.07-2016.03</div>
            <div class="exp-company">重庆麦啦科技有限责任公司 </div>
            <div class="exp-jd">
				<li>主要负责整个项目的运营，解决运营中的问题，预侧未来将遇到的细节问题，将问题前置并作出相应的解决办法；管理、协调团队，将团队里每个人各种的优特点发挥出来</li>
				<li>联系货源供应商，洽谈</li>
				<li>推广宣传，制定营销方案</li>
				<li>系统优化调整</li>
			</div>
          </div>
		  <div class="experience">
            <div class="exp-name">JAVA开发</div>
            <div class="exp-duration">2015.02-2015.07</div>
            <div class="exp-company">SUNGARD中国胜科金仕达数据系统中国有限公司 </div>
            <div class="exp-jd">
				<li>功能需求分析、开发、测试。表单页面的处理、后台逻辑与数据库交互</li>
				<li>流程图设计、绘制、挂载表单。将原本分离的功能点与工作流关联并调用</li>
				<li>系统上线数据的初始化整理。完善数据的准确性与完整性</li>
			</div>
          </div>
		  <div class="experience">
            <div class="exp-name">项目经理</div>
            <div class="exp-duration">2013.12-2015.02</div>
            <div class="exp-company">重庆雷竣科技有限公司|重庆优言科技有限公司</div>
            <div class="exp-jd">
				<li>创立部门，招骋、筛选、考核开发人员</li>
				<li>需求方案审核，与上级进行沟通，制定开发方案，检验开发进度与质量</li>
				<li>通过线上达到推广的方案制作</li>
				<li>因公司拖欠工资，果断离开，公司出据借条，经法院审理判决，但公司依然未支付，法院查此名下无任何资产和存款</li>
			</div>
          </div>
		  <div class="experience">
            <div class="exp-name">B2C网站开发</div>
            <div class="exp-duration">2012.10-2013.04</div>
            <div class="exp-company">与朋友合伙创业|私单</div>
            <div class="exp-jd">
				<li>负责整个网站的搭建、服务器配置、编码、测试、数据库设计。朋友出资，我以技术加入，负责整个技术层面的问题</li>
				<li>开发的一个针对国外销售产品的B2C网站，支持全球支付。采用全球信誉度最高、风控最严的PayPal平台</li>
			</div>
          </div>
		  
		  <div class="experience">
            <div class="exp-name">项目经理</div>
            <div class="exp-duration">2008.08-2009.09</div>
            <div class="exp-company">重庆深联电子有限公司 </div>
            <div class="exp-jd">
				<li>接收总经理及部门经理下发的项目需求说明书，对需求文档进行可行性分析</li>
				<li>搭建前后台系统环境，模拟系统开发环境，代码编写、功能完善，测试，完善并发布产品</li>
				<li>对下属组员代码进行修改、测试等。主要实施的项目有：北京银行西安分行、华夏银行重庆分行、华夏银行成都分行、兴业银行西安分行</li>
			</div>
          </div>
		  
		  <div class="experience">
            <div class="exp-name">JAVA</div>
            <div class="exp-duration">2007.02-2008.07</div>
            <div class="exp-company">上海佳锐信息科技有限公司</div>
            <div class="exp-jd">
				<li>在该系统主要负责积分功能模块代码的编写与测试</li>
				<li>接收需求到该模块代码的提交仅用了三个月时间，比公司预计计划的五个月提前了两个月时间完成</li>
				<li>后期在项目上线之后对一小部分功能进行了完善</li>
			</div>
          </div>
        </div>
      </div>
    </div>
	
    <div class="window" id="services">
      <div class="window-header">
        <div class="window-title">项目经验</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div id="services-body">
            <div class="clearfix" id="services-body-inner">
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-code-alt"></i> </div>
                  <div class="service-name">SCADA系统  |  项目经理</div>
                  <div class="service-description line-clamp">
					<li align="left">UI框架的造型，制作demo</li>
					<li align="left">后端框架Django搭建环境和架构与demo</li>
					<li align="left">需求的收集，研究，模块划分，思维导图，ER图，项目计划，功能测试，神道bug跟踪，初始化设计</li>
					<li align="left">生产环境搭建，服务环境搭建</li>
					<li align="left">软件环境：Python+Django+MySQL+uwsgi+nginx</li>
				</div>
                </div>
              </div>
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-brush-alt"></i> </div>
                  <div class="service-name">智慧景区  |  项目经理</div>
                  <div class="service-description line-clamp">
					<li align="left">与景区道闸和原有票务，停车库对接系统接口，硬件集成系统接口，与厂家监控对接和SDK</li>
					<li align="left">另开发工作人员辅助工具：集成常用软件，一键启动</li>
					<li align="left">景区酒店客户系统为c/s模式开发，还处于原始的excel录入表单，制作了简单的自动录入功能提高工作效率和高频重复烦杂类工作解放双手避免误操作</li>
				  </div>
                </div>
              </div>
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-pie-chart"></i> </div>
                  <div class="service-name">智慧工地  |  项目经理</div>
                  <div class="service-description line-clamp">
					<li align="left">市政要求，提倡工地智慧化出台的红头文件，对接市政接口</li>
					<li align="left">调研、整理需求，制定计划，进度跟踪，缝合测试</li>
					<li align="left">硬件选型与对接，功能测试，部署环境</li>
				  </div>
				  </div>
                </div>
              </div>
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-target-customer"></i> </div>
                  <div class="service-name">兴趣爱好小作品  |  PYTHON</div>
                  <div class="service-description line-clamp">
					<li align="left">Selenium+WebDriver和浏览器驱动模拟人工进行预订，预订成功后，12306后台会有未支付订单，并且可以通过短信提示的形式，不用人工值守</li>
					<li align="left">加壳+加密技术，tkinter+SQLite制作可保费看三大视频平台所有电影</li>
					<li align="left">抖音爬虫，批量爬取无“抖音水印视频，并去除视频中自定义水印，并添加自己水印，实现自动搬运功能</li>
					<li align="left">Linux-Kali入侵安卓手机，并外网远程无感知获取所有通讯录、短信，无感知打开前后摄像头拍照和实时视频录像、录音</li>
					<li align="left">ADB+wed群控安卓手机：1，自动无限拨打指定电话，对方接听后自动挂断，继续拨打；2，自动阅读微信未读信息，并回复指定信息；3，自动发送朋友圈，优化选择图片时如果是视频，格式不符合朋友圈，自动判断过滤</li>
				  </div>
                </div>
              </div>
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-video"></i> </div>
                  <div class="service-name">公司官网+工程系统+营销系统</div>
                  <div class="service-description line-clamp">
					<li align="left">2个分公司官网</li>
					<li align="left">工程管理系统：用户跟踪项目进度</li>
					<li align="left">营销系统：老带新营销系统</li>
				  </div>
                </div>
              </div>
              <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-gallery"></i> </div>
                  <div class="service-name">西南证券资产管理系统</div>
                  <div class="service-description line-clamp">
					<li align="left">功能需求分析、开发、测试。表单页面的处理、后台逻辑与数据库交互</li>
					<li align="left">流程图设计、绘制、挂载表单。将原本分离的功能点与工作流关联并调用</li>
					<li align="left">系统上线数据的初始化整理。完善数据的准确性与完整性</li>
				  </div>
                </div>
              </div>
			  <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-gallery"></i> </div>
                  <div class="service-name">商业银行绩效考核系统</div>
                  <div class="service-description line-clamp">
					<li align="left">接收总经理及部门经理下发的项目需求说明书，对需求文档进行可行性分析</li>
					<li align="left">搭建前后台系统环境，模拟系统开发环境，代码编写、功能完善，测试，完善并发布产品</li>
					<li align="left">对下属组员代码进行修改、测试等。主要实施的项目有：北京银行西安分行、华夏银行重庆分行、华夏银行成都分行、兴业银行西安分行</li>
				  </div>
                </div>
              </div>
			  <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-gallery"></i> </div>
                  <div class="service-name">浦银安盛基金销售管理系统 </div>
                  <div class="service-description line-clamp">
					<li align="left">负责积分功能模块代码的编写与测试</li>
					<li align="left">收需求到该模块代码的提交仅用了三个月时间，比公司预计计划的五个月提前了两个月时间完成</li>
					<li align="left">后期在项目上线之后对一小部分功能进行了完善</li>
				  </div>
                </div>
              </div>
			  <div class="float-left service">
                <div class="service-body">
                  <div class="service-icon"> <i class="lni lni-gallery"></i> </div>
                  <div class="service-name">浦银安盛基金销售管理系统 </div>
                  <div class="service-description line-clamp">
					<li align="left">负责积分功能模块代码的编写与测试</li>
					<li align="left">收需求到该模块代码的提交仅用了三个月时间，比公司预计计划的五个月提前了两个月时间完成</li>
					<li align="left">后期在项目上线之后对一小部分功能进行了完善</li>
				  </div>
                </div>
              </div>
            </div>
          </div>
		  
        </div>
      </div>
	
	
	
    <div class="window" id="portfolio">
      <div class="window-header">
        <div class="window-title">图片展示</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div id="portfolio-tabs">
            <div class="portfolio-tab active" data-filter="*">All</div>
            <div class="portfolio-tab" data-filter=".portfolio-web">Web系统</div>
            <div class="portfolio-tab" data-filter=".portfolio-cs">工具软件</div>
			<div class="portfolio-tab" data-filter=".portfolio-scada">管理系统</div>
            <div class="portfolio-tab" data-filter=".portfolio-invasion">侵入</div>
          </div>
          <div id="portfolio-content">
            <div class="clearfix" id="portfolio-body">
              <div class="float-left portfolio-item portfolio-web portfolio-minimal"> <a href="javascript:void(0);"> <img src="assets/img/portfolio/p-1.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-1">老带新营销系统-登录页</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-cs portfolio-minimal"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-10.jpg" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-9">12306-抢票工具</span> </div>
                </a> </div>
			  
			  <div class="float-left portfolio-item portfolio-web portfolio-minimal"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-6.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-10">工程管理系统系统-登录页</span> </div>
                </a> </div>
				
				<div class="float-left portfolio-item portfolio-web portfolio-minimal"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-2.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-10">工程管理系统系统-风格页</span> </div>
                </a> </div>
				
                
              <div class="float-left portfolio-item portfolio-web portfolio-design"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-3.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-5">老带新营销系统-居室选择</span> </div>
                </a> </div>
              <div class="float-left portfolio-item portfolio-web portfolio-minimal"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-4.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-4">老带新营销系统-个人中心</span> </div>
                </a> </div>
              <div class="float-left portfolio-item portfolio-web"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-5.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-3">老带新营销系统-积分兑换</span> </div>
                </a> </div>
              
              <div class="float-left portfolio-item portfolio-invasion portfolio-minimal"> <a href=""javascript:void(0);> <img src="assets/img/portfolio/p-7.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-6">安卓手机远程侵入-获取通讯录联系人</span> </div>
                </a> </div>
              <div class="float-left portfolio-item portfolio-invasion portfolio-design"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-8.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-8">安卓手机远程侵入-获取短息</span> </div>
                </a> </div>
              <div class="float-left portfolio-item portfolio-cs portfolio-design"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-9.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">加壳加密-免费看三大平台所有视频</span> </div>
                </a> </div>
				
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-11.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-设备状态看板</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-12.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-生产看板</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-13.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-运行详情</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-14.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-运行详情明细</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-15.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-运行状态</span> </div>
                </a> </div>
				<div class="float-left portfolio-item portfolio-web portfolio-scada"> <a href=""javascript:void(0);"> <img src="assets/img/portfolio/p-16.png" alt="Portfolio item">
                <div class="portfolio-item-title"> <span class="gradient-7">Scada系统-登录</span> </div>
                </a> </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="window" id="clients">
      <div class="window-header">
        <div class="window-title">合作客户</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body backdrop" data-simplebar>
        <div class="window-content">
          <div id="clients-content">
            <div id="clients-section-heading">合作客户</div>
            <div class="clearfix" id="clients-body">
              <div class="float-left client"> <a href="https://www.coca-cola.com.cn/" class="client-logo"> <img src="assets/img/clients/coca-cola.svg" alt="Coca Cola">
                <div class="client-display-link">https://www.coca-cola.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://envato.com" target="_blank" class="client-logo"> <img src="assets/img/clients/envato.svg" alt="Envato">
                <div class="client-display-link">https://envato.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://google.com" target="_blank" class="client-logo"> <img src="assets/img/clients/google.svg" alt="Google">
                <div class="client-display-link">https://google.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://www.mclaren.com" target="_blank" class="client-logo"> <img src="assets/img/clients/mclaren.svg" alt="Mclaren">
                <div class="client-display-link">https://www.mclaren.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://firebase.google.com" target="_blank" class="client-logo"> <img src="assets/img/clients/firebase.svg" alt="Firebase">
                <div class="client-display-link">https://firebase.google.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://wordpress.com" target="_blank" class="client-logo"> <img src="assets/img/clients/wordpress.svg" alt="WordPress">
                <div class="client-display-link">https://wordpress.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://spotify.com" target="_blank" class="client-logo"> <img src="assets/img/clients/spotify.svg" alt="Spotify">
                <div class="client-display-link">https://spotify.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://airbnb.com/" target="_blank" class="client-logo"> <img src="assets/img/clients/airbnb.svg" alt="Airbnb">
                <div class="client-display-link">http://airbnb.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://www.rolls-royce.com" target="_blank" class="client-logo"> <img src="assets/img/clients/rolls-royce.svg" alt="Rolls Royce">
                <div class="client-display-link">https://www.rolls-royce.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://www.spacex.com" target="_blank" class="client-logo"> <img src="assets/img/clients/spacex.svg" alt="SpaceX">
                <div class="client-display-link">https://www.spacex.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://www.zara.com" target="_blank" class="client-logo"> <img src="assets/img/clients/zara.svg" alt="Zara">
                <div class="client-display-link">https://www.zara.com</div>
                </a> </div>
              <div class="float-left client"> <a href="https://www.xbox.com" target="_blank" class="client-logo"> <img src="assets/img/clients/xbox.svg" alt="Xbox">
                <div class="client-display-link">https://www.xbox.com</div>
                </a> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="window" id="testimonials">
      <div class="window-header">
        <div class="window-title">专业团队</div>
        <div class="clearfix float-right window-header-btns">
          <div class="float-left pointer window-header-btn window-expand-btn"> <i class="lni lni-frame-expand"></i> </div>
          <div class="float-left pointer window-header-btn window-close-btn"> <a href="#"><i class="lni lni-close"></i></a> </div>
        </div>
      </div>
      <div class="window-body max-height backdrop" data-simplebar>
        <div class="window-content max-height">
          <div class="testimonial max-height flex-center">
            <div class="testimonial-info max-height flex-center gradient-10">
              <div class="testimonial-info-body">
                <div class="testimonial-photo"> <img src="assets/img/testimonials/img-1.jpg" alt="Testimonial photo"> </div>
                <div class="testimonial-person-name">Mr.李</div>
                <div class="testimonial-person-designation"> <span>UI工程师,</span> <a href="mailto:tangben_slkj@126.com"> <span>@Email</span> <b>Send Mail</b> </a> </div>
              </div>
            </div>
            <div class="testimonial-text-cover max-height">
              <div class="testimonial-text">
                <div class="testimonial-text-body">
                  <div class="testimonial-text-content">从事多年UI工程师，为其多个商业系统设计UI并得到客户高度认同，持续学习深造，UI设计观念接近国际水准。</div>
                </div>
              </div>
            </div>
          </div>
		  <div class="testimonial max-height flex-center">
            <div class="testimonial-info max-height flex-center gradient-8">
              <div class="testimonial-info-body">
                <div class="testimonial-photo"> <img src="assets/img/testimonials/img-2.jpg" alt="John Doe"> </div>
                <div class="testimonial-person-name">Mr.徐</div>
                <div class="testimonial-person-designation"> <span>项目经理,</span> <a href="mailto:tangben_slkj@126"> <span>@Email</span> <b>Send Mail</b> </a> </div>
              </div>
            </div>
            <div class="testimonial-text-cover max-height">
              <div class="testimonial-text">
                <div class="testimonial-text-body">
                  <div class="testimonial-text-content">资深软件项目经理，曾担任中国电信业务系统项目经理，现担任猪八任项目部经理，获取PM证书。</div>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial max-height flex-center">
            <div class="testimonial-info max-height flex-center gradient-6">
              <div class="testimonial-info-body">
                <div class="testimonial-photo"> <img src="assets/img/testimonials/img-2.jpg" alt="John Doe"> </div>
                <div class="testimonial-person-name">Mr.张</div>
                <div class="testimonial-person-designation"> <span>后端工程师,</span> <a href="mailto:tangben_slkj@126"> <span>@Email</span> <b>Send Mail</b> </a> </div>
              </div>
            </div>
            <div class="testimonial-text-cover max-height">
              <div class="testimonial-text">
                <div class="testimonial-text-body">
                  <div class="testimonial-text-content">资深软件开发工程师，曾开发过金融业，电商业，制造业等商业软件系统，10+年的工作经验，在开发领域有自己独道的造诣。</div>
                </div>
              </div>
            </div>
          </div>
          <div class="testimonial max-height flex-center">
            <div class="testimonial-info max-height flex-center gradient-5">
              <div class="testimonial-info-body">
                <div class="testimonial-photo"> <img src="assets/img/testimonials/img-3.jpg" alt="Chandler Bing"> </div>
                <div class="testimonial-person-name">Mr.申</div>
                <div class="testimonial-person-designation"> <span>系统架构师,</span> <a href="mailto:tangben_slkj@126" target="_blank"> <span>@Email</span> <b>Send Mail</b> </a> </div>
              </div>
            </div>
            <div class="testimonial-text-cover max-height">
              <div class="testimonial-text">
                <div class="testimonial-text-body">
                  <div class="testimonial-text-content">资深系统架构师，曾为银行、证券、保险、公安、路桥ERP等海量数据搭建架构，解决系统高并发、高可用的瓶劲，并对安全和容灾进行处理。</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="contact"><!-- https://themeforest.net/user/thewebcross/portfolio -->
    <div id="contact-body"> <a href="" target="_blank" class="contact-btn"> <i class="lni lni-envato"></i>
      <div class="contact-btn-bg gradient-5"></div>
      </a> <a href="#" target="_blank" class="contact-btn"> <i class="lni lni-linkedin-original"></i>
      <div class="contact-btn-bg gradient-10"></div>
      </a> <a href="#" target="_blank" class="contact-btn"> <i class="lni lni-twitter-original"></i>
      <div class="contact-btn-bg gradient-4"></div>
      </a> <a href="#" target="_blank" class="contact-btn"> <i class="lni lni-facebook-original"></i>
      <div class="contact-btn-bg gradient-2"></div>
      </a>
      <div id="contact-email"><a href="mailto:tangben_slkj@126.com" class="__cf_email__" data-cfemail="f3999c9b9ddd979c96b39a9d959cdd909c9e">[email&#160;联系]</a></div>
      <a href="#" id="contact-close-btn"> <i class="lni lni-close"></i> </a> </div>
  </div>
  <nav id="main-nav">
    <div id="main-nav-body">
      <div id="main-nav-tb-container">
        <div id="main-nav-tb" class="container backdrop">
          <div class="row" id="main-nav-links"> <a class="col" href="#about">
           <i class="lni lni-postcard"></i>
            <span>关于我们</span> </a> <a class="col" href="#skills">
             <i class="lni lni-brush"></i>
             <span>技能展示</span>
              </a> <a class="col" href="#education"> <i class="lni lni-graduation"></i>
               <span>教育背景</span> </a> <a class="col" href="#experience"> <i class="lni lni-network"></i>
				<span>工作经历</span> </a> <a class="col" href="#services"> <i class="lni lni-briefcase"></i>
				 <span>项目经验</span> </a> <!--<a class="col" href="#blog"> <i class="lni lni-write"></i>
				  <span>项目介绍</span> </a>--> <a class="col" href="#portfolio"> <i class="lni lni-pallet"></i>
				   <span>图片展示</span> </a> <a class="col" href="#clients"> <i class="lni lni-consulting"></i>
				    <span>合作客户</span> </a> <a class="col" href="#testimonials"> <i class="lni lni-quotation"></i>
				     <span>专业团队</span> </a> <a class="col" href="#contact"> <i class="lni lni-envelope"></i>
      				  <span>联系我们</span> </a> </div>
        </div>
      </div>
    </div>
  </nav>
</main>
<aside id="know-more-section" class="flex-center">
  <h1 class="know-more-heading">更多的了解我的工作</h1>
  <div id="video-body" align="center">
	    <video id="video" src="fun.mp4" width="100%" controls></video>
  </div>
</aside>
<aside id="splash-screen" class="flex-center"> <img src="assets/img/loader/loader.svg" alt="Splash screen loader"> <span>Loading ...</span> </aside>
<script src="assets/js/jquery-1.10.2.js"></script>
<script src="assets/js/plugins/imagesloaded.min.js" type="text/javascript"></script> 
<script src="assets/js/plugins/simplebar.min.js" type="text/javascript"></script> 
<script src="assets/js/plugins/isotope.min.js" type="text/javascript"></script> 
<script src="assets/js/custom.js" type="text/javascript"></script>

<script>
	window.onload = function(){
		//window.location ="#about";//自动跳转到锚点处
		location.hash='#about'
	}
</script
</body>
</html>
